<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>物料领用分析</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/list.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/jquery-ui.css" />
	</head>
	<body>
		<!-- 蓝色背景区域 -->
		<div class="wrap">
			<!-- 白色可用区域 -->
			<div class="canuse">
				<!------ 位置 ------>
	            <p class="contentText local"><span>位置：报表统计管理 > 物料领用分析</span></p>
	            <div class="layui-tab layui-tab-card" lay-filter="test">
				    <ul class="layui-tab-title">
					    <li class="layui-this" lay-id="0">辅料</li>
					    <li lay-id="1">单机</li>
					    <li lay-id="2">半成品</li>
				    </ul>
					<div class="layui-tab-content">



					    <!-- 辅料 start -->
						<div class="layui-tab-item layui-show">
			            <!------ tab标签 ------>
			            <div class="layui-tab layui-tab-card">
						    <ul class="layui-tab-title">
							    <li class="layui-this">物料领用分析图</li>
							    <li>物料领用分析列表</li>
						    </ul>
							<div class="layui-tab-content">
							    <div class="layui-tab-item layui-show">
									<div class="content">
				            			<!-- 搜索区 -->
							            <div class="search_area">
						                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析查询条件</span></h4>
						                    <div class="select_area">
						                        <div class="select_text clear">
						                        	<div class="label_input">
							                            <label class="contentText dateControl">开始日期：</label> <input type="text" name="" id="dateControl0" readonly="readonly" />
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText dateControl">结束日期：</label> <input type="text" name="" id="dateControl1" readonly="readonly" />
						                        	</div>
						                            <div class="floatLeft">
							                            <button class="btn_search bgd_blue_search">统计</button>
							                            <button class="btn_clear bgd_white_clear">重置</button>
						                            </div>
						                        </div>
						                    </div>
							            </div>
							            <!-- 列表区 -->
							            <div class="show_list">
						                	<div class="title_operate">
						                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析图</span></h4>
						                		<div class="operate_area">
						                            <input type="radio" name="s_type1" onclick="" id="" value="领用频次" checked="checked" />领用频次  
							                            &emsp;<input type="radio" name="s_type1" onclick="" id="" value="领用数量" />领用数量
						                        </div>
						                	</div>
						                	<div class="list_area">
						                        <!-- 信息列表区 -->
						                        <div class="info_area">
						                        	<!-- echarts 统计图表 -->
						                        	<div class="chart" id="mycharts0" style="width: 100%;height: 400px;z-index: 0;">
						                        		
						                        	</div>
						                        </div>
						                    </div>
						                </div>
							            
							    	</div>
								</div>
							    <div class="layui-tab-item">
									<div class="content">
				            			<!-- 搜索区 -->
							            <div class="search_area">
						                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析查询条件</span></h4>
						                    <div class="select_area">
						                        <div class="select_text clear">
						                        	<div class="label_input">
							                            <label class="contentText">产品型号：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">物料编码：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">物料名称：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">物料类型：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">物料规格：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">物料型号：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText dateControl">开始日期：</label> <input type="text" name="" id="dateControl2" readonly="readonly" />
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText dateControl">结束日期：</label> <input type="text" name="" id="dateControl3" readonly="readonly" />
						                        	</div>
						                            <div class="floatLeft">
							                            <button class="btn_search bgd_blue_search">统计</button>
							                            <button class="btn_clear bgd_white_clear">重置</button>
						                            </div>
						                        </div>
						                    </div>
							            </div>
				            			<!-- 列表区 -->
							            <div class="show_list">
						                	<div class="title_operate">
						                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析列表</span></h4>
						                    	<!-- 操作类型区 -->
						                        <div class="operate_area">
						                            <input type="radio" name="s_type" onclick="" id="" value="领用频次" checked="checked" />领用频次  
							                            &emsp;<input type="radio" name="s_type" onclick="" id="" value="领用数量" />领用数量
							                        <a class="bgd_import2 img_hand">导出</a>
						                        </div>
						                	</div>
						                	<div class="list_area">
						                        <!-- 信息列表区 -->
						                        <div class="info_area">
						                            <table class="tablelist" border="1" cellspacing="0" cellpadding="0">
						                                <tbody>
						                                    <tr class="menuText list_head">
						                                    	<th class="">出库单编号</th>
						                                        <th class="">物料编码</th>
						                                        <th class="">物料类型</th>
						                                        <th class="">物料名称</th>
						                                        <th class="">物料规格</th>
						                                        <th class="">物料型号/牌号/材料</th>
						                                        <th class="">产品型号</th>
						                                        <th class="">单位</th>
						                                        <th class="">领用数量</th>
						                                        <th class="">领用频次</th>
						                                    </tr>
						                                </tbody>
						                                <tbody class="tablelist">
						                                    <tr class="listTableText list_list">
						                                    	<td>CKDH350009</td>
						                                        <td>JGBY215254</td>
						                                        <td>电阻</td>
						                                        <td>5K电阻</td>
						                                        <td>5K</td>
						                                        <td>DZ-50</td>
						                                        <td>XXX</td>
						                                        <td>盒</td>
						                                        <td>100</td>
						                                        <td>2</td>
						                                    </tr>
						                                    <tr class="listTableText list_list">
						                                    	<td>CKDH350009</td>
						                                        <td>JGBY215254</td>
						                                        <td>电阻</td>
						                                        <td>5K电阻</td>
						                                        <td>5K</td>
						                                        <td>DZ-50</td>
						                                        <td>XXX</td>
						                                        <td>盒</td>
						                                        <td>100</td>
						                                        <td>2</td>
						                                    </tr>
						                                    <tr class="listTableText list_list">
						                                    	<td>CKDH350009</td>
						                                        <td>JGBY215254</td>
						                                        <td>电阻</td>
						                                        <td>5K电阻</td>
						                                        <td>5K</td>
						                                        <td>DZ-50</td>
						                                        <td>XXX</td>
						                                        <td>盒</td>
						                                        <td>100</td>
						                                        <td>2</td>
						                                    </tr>
						                                    <tr class="listTableText list_list">
						                                    	<td>CKDH350009</td>
						                                        <td>JGBY215254</td>
						                                        <td>电阻</td>
						                                        <td>5K电阻</td>
						                                        <td>5K</td>
						                                        <td>DZ-50</td>
						                                        <td>XXX</td>
						                                        <td>盒</td>
						                                        <td>100</td>
						                                        <td>2</td>
						                                    </tr>
						                                    <tr class="listTableText list_list">
						                                    	<td>CKDH350009</td>
						                                        <td>JGBY215254</td>
						                                        <td>电阻</td>
						                                        <td>5K电阻</td>
						                                        <td>5K</td>
						                                        <td>DZ-50</td>
						                                        <td>XXX</td>
						                                        <td>盒</td>
						                                        <td>100</td>
						                                        <td>2</td>
						                                    </tr>
						                                    <tr class="listTableText list_list">
						                                    	<td>CKDH350009</td>
						                                        <td>JGBY215254</td>
						                                        <td>电阻</td>
						                                        <td>5K电阻</td>
						                                        <td>5K</td>
						                                        <td>DZ-50</td>
						                                        <td>XXX</td>
						                                        <td>盒</td>
						                                        <td>100</td>
						                                        <td>2</td>
						                                    </tr>
						                                    <tr class="listTableText list_list">
						                                    	<td>CKDH350009</td>
						                                        <td>JGBY215254</td>
						                                        <td>电阻</td>
						                                        <td>5K电阻</td>
						                                        <td>5K</td>
						                                        <td>DZ-50</td>
						                                        <td>XXX</td>
						                                        <td>盒</td>
						                                        <td>100</td>
						                                        <td>2</td>
						                                    </tr>
						                                    <tr class="listTableText list_list">
						                                    	<td>CKDH350009</td>
						                                        <td>JGBY215254</td>
						                                        <td>电阻</td>
						                                        <td>5K电阻</td>
						                                        <td>5K</td>
						                                        <td>DZ-50</td>
						                                        <td>XXX</td>
						                                        <td>盒</td>
						                                        <td>100</td>
						                                        <td>2</td>
						                                    </tr>
						                                    <tr class="listTableText list_list">
						                                    	<td>CKDH350009</td>
						                                        <td>JGBY215254</td>
						                                        <td>电阻</td>
						                                        <td>5K电阻</td>
						                                        <td>5K</td>
						                                        <td>DZ-50</td>
						                                        <td>XXX</td>
						                                        <td>盒</td>
						                                        <td>100</td>
						                                        <td>2</td>
						                                    </tr>
						                                </tbody>
						
						                            </table>
						                        </div>
							                    <!-- 页码区域 -->
							                    <div class="page_area contentText clear">
							                    	<div class="page_sum">
							                    		共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
							                    	</div>
							                        <div class="page-pull-right async-page">
							                            <button>首页</button>
							                            <button>&lt;&lt;</button>
							                            <button class="select_page">1</button>
							                            <button>2</button>
							                            <button>3</button>
							                            <button>&gt;&gt;</button>
							                            <button>尾页</button>
							                        </div>
							                    </div>
						                    </div>
						                </div>
							    	</div>				    	
							    </div>
							</div>
						</div>
						</div>
						<!-- 辅料 end -->

						<!-- 单机 start -->
						<div class="layui-tab-item">
			            <!------ tab标签 ------>
			            <div class="layui-tab layui-tab-card">
						    <ul class="layui-tab-title">
							    <li class="layui-this">物料领用分析图</li>
							    <li>物料领用分析列表</li>
						    </ul>
							<div class="layui-tab-content">
							    <div class="layui-tab-item layui-show">
									<div class="content">
				            			<!-- 搜索区 -->
							            <div class="search_area">
						                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析查询条件</span></h4>
						                    <div class="select_area">
						                        <div class="select_text clear">
						                        	<div class="label_input">
							                            <label class="contentText dateControl">开始日期：</label> <input type="text" name="" id="dateControl5" readonly="readonly" />
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText dateControl">结束日期：</label> <input type="text" name="" id="dateControl6" readonly="readonly" />
						                        	</div>
						                            <div class="floatLeft">
							                            <button class="btn_search bgd_blue_search">统计</button>
							                            <button class="btn_clear bgd_white_clear">重置</button>
						                            </div>
						                        </div>
						                    </div>
							            </div>
							            <!-- 列表区 -->
							            <div class="show_list">
						                	<div class="title_operate">
						                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析图</span></h4>
						                		<div class="operate_area">
						                            <input type="radio" name="s_type1" onclick="" id="" value="领用频次" checked="checked" />领用频次  
							                            &emsp;<input type="radio" name="s_type1" onclick="" id="" value="领用数量" />领用数量
						                        </div>
						                	</div>
						                	<div class="list_area">
						                        <!-- 信息列表区 -->
						                        <div class="info_area">
						                        	<!-- echarts 统计图表 -->
						                        	<div class="chart" id="mycharts1" style="width: 100%;height: 400px;z-index: 0;">
						                        		
						                        	</div>
						                        </div>
						                    </div>
						                </div>
							            
							    	</div>
								</div>
							    <div class="layui-tab-item">
									<div class="content">
				            			<!-- 搜索区 -->
							            <div class="search_area">
						                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析查询条件</span></h4>
						                    <div class="select_area">
						                        <div class="select_text clear">
						                        	<div class="label_input">
							                            <label class="contentText">型号/阶段：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">图号：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">名称：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">代号：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">批次号：</label> <input type="text" name=""/>
						                        	</div>
						                        	<!-- <div class="label_input">
							                            <label class="contentText">领用数量：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">领用频次：</label> <input type="text" name=""/>
						                        	</div> -->
						                        	<!-- <div class="label_input">
							                            <label class="contentText dateControl">开始日期：</label> <input type="text" name="" id="dateControl2" readonly="readonly" />
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText dateControl">结束日期：</label> <input type="text" name="" id="dateControl3" readonly="readonly" />
						                        	</div> -->
						                            <div class="floatLeft">
							                            <button class="btn_search bgd_blue_search">统计</button>
							                            <button class="btn_clear bgd_white_clear">重置</button>
						                            </div>
						                        </div>
						                    </div>
							            </div>
				            			<!-- 列表区 -->
							            <div class="show_list">
						                	<div class="title_operate">
						                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析列表</span></h4>
						                    	<!-- 操作类型区 -->
						                        <div class="operate_area">
						                            <input type="radio" name="s_type" onclick="" id="" value="领用频次" checked="checked" />领用频次  
							                            &emsp;<input type="radio" name="s_type" onclick="" id="" value="领用数量" />领用数量
							                        <a class="bgd_import2 img_hand">导出</a>
						                        </div>
						                	</div>
						                	<div class="list_area">
						                        <!-- 信息列表区 -->
						                        <div class="info_area">
						                            <table class="tablelist" border="1" cellspacing="0" cellpadding="0">
						                                <tbody>
						                                    <tr class="menuText list_head">
						                                    	<th class="">序号</th>
						                                    	<th class="">型号/阶段</th>
						                                        <th class="">图号</th>
						                                        <th class="">名称</th>
						                                        <th class="">代号</th>
						                                        <th class="">批次号</th>
						                                        <th class="">领用数量</th>
						                                        <th class="">领用频次</th>
						                                    </tr>
						                                </tbody>
						                                <tbody class="tablelist">
						                                    <tr class="listTableText list_list">
						                                    	<td>CKDH350009</td>
						                                        <td>JGBY215254</td>
						                                        <td>电阻</td>
						                                        <td>电阻</td>
						                                        <td>sj</td>
						                                        <td>DZ-50</td>
						                                        <td>100</td>
						                                        <td>2</td>
						                                    </tr>
						                                </tbody>
						                            </table>
						                        </div>
							                    <!-- 页码区域 -->
							                    <div class="page_area contentText clear">
							                    	<div class="page_sum">
							                    		共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
							                    	</div>
							                        <div class="page-pull-right async-page">
							                            <button>首页</button>
							                            <button>&lt;&lt;</button>
							                            <button class="select_page">1</button>
							                            <button>2</button>
							                            <button>3</button>
							                            <button>&gt;&gt;</button>
							                            <button>尾页</button>
							                        </div>
							                    </div>
						                    </div>
						                </div>
							    	</div>				    	
							    </div>
							</div>
						</div>
						</div>
						<!-- 单机 end -->

						<!-- 半成品 start -->
						<div class="layui-tab-item">
			            <!------ tab标签 ------>
			            <div class="layui-tab layui-tab-card">
						    <ul class="layui-tab-title">
							    <li class="layui-this">物料领用分析图</li>
							    <li>物料领用分析列表</li>
						    </ul>
							<div class="layui-tab-content">
							    <div class="layui-tab-item layui-show">
									<div class="content">
				            			<!-- 搜索区 -->
							            <div class="search_area">
						                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析查询条件</span></h4>
						                    <div class="select_area">
						                        <div class="select_text clear">
						                        	<div class="label_input">
							                            <label class="contentText dateControl">开始日期：</label> <input type="text" name="" id="dateControl7" readonly="readonly" />
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText dateControl">结束日期：</label> <input type="text" name="" id="dateControl8" readonly="readonly" />
						                        	</div>
						                            <div class="floatLeft">
							                            <button class="btn_search bgd_blue_search">统计</button>
							                            <button class="btn_clear bgd_white_clear">重置</button>
						                            </div>
						                        </div>
						                    </div>
							            </div>
							            <!-- 列表区 -->
							            <div class="show_list">
						                	<div class="title_operate">
						                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析图</span></h4>
						                		<div class="operate_area">
						                            <input type="radio" name="s_type1" onclick="" id="" value="领用频次" checked="checked" />领用频次  
							                            &emsp;<input type="radio" name="s_type1" onclick="" id="" value="领用数量" />领用数量
						                        </div>
						                	</div>
						                	<div class="list_area">
						                        <!-- 信息列表区 -->
						                        <div class="info_area">
						                        	<!-- echarts 统计图表 -->
						                        	<div class="chart" id="mycharts2" style="width: 100%;height: 400px;z-index: 0;">
						                        		
						                        	</div>
						                        </div>
						                    </div>
						                </div>
							            
							    	</div>
								</div>
							    <div class="layui-tab-item">
									<div class="content">
				            			<!-- 搜索区 -->
							            <div class="search_area">
						                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析查询条件</span></h4>
						                    <div class="select_area">
						                        <div class="select_text clear">
						                        	<div class="label_input">
							                            <label class="contentText">型号/阶段：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">图号：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">名称：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">代号：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">批次号：</label> <input type="text" name=""/>
						                        	</div>
						                        	<!-- <div class="label_input">
							                            <label class="contentText">领用数量：</label> <input type="text" name=""/>
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText">领用频次：</label> <input type="text" name=""/>
						                        	</div> -->
						                        	<!-- <div class="label_input">
							                            <label class="contentText dateControl">开始日期：</label> <input type="text" name="" id="dateControl2" readonly="readonly" />
						                        	</div>
						                        	<div class="label_input">
							                            <label class="contentText dateControl">结束日期：</label> <input type="text" name="" id="dateControl3" readonly="readonly" />
						                        	</div> -->
						                            <div class="floatLeft">
							                            <button class="btn_search bgd_blue_search">统计</button>
							                            <button class="btn_clear bgd_white_clear">重置</button>
						                            </div>
						                        </div>
						                    </div>
							            </div>
				            			<!-- 列表区 -->
							            <div class="show_list">
						                	<div class="title_operate">
						                    	<h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>物料领用分析列表</span></h4>
						                    	<!-- 操作类型区 -->
						                        <div class="operate_area">
						                            <input type="radio" name="s_type" onclick="" id="" value="领用频次" checked="checked" />领用频次  
							                            &emsp;<input type="radio" name="s_type" onclick="" id="" value="领用数量" />领用数量
							                        <a class="bgd_import2 img_hand">导出</a>
						                        </div>
						                	</div>
						                	<div class="list_area">
						                        <!-- 信息列表区 -->
						                        <div class="info_area">
						                            <table class="tablelist" border="1" cellspacing="0" cellpadding="0">
						                                <tbody>
						                                    <tr class="menuText list_head">
						                                    	<th class="">序号</th>
						                                    	<th class="">型号/阶段</th>
						                                        <th class="">图号</th>
						                                        <th class="">名称</th>
						                                        <th class="">代号</th>
						                                        <th class="">批次号</th>
						                                        <th class="">领用数量</th>
						                                        <th class="">领用频次</th>
						                                    </tr>
						                                </tbody>
						                                <tbody class="tablelist">
						                                    <tr class="listTableText list_list">
						                                    	<td>CKDH350009</td>
						                                        <td>JGBY215254</td>
						                                        <td>电阻</td>
						                                        <td>电阻</td>
						                                        <td>sj</td>
						                                        <td>DZ-50</td>
						                                        <td>100</td>
						                                        <td>2</td>
						                                    </tr>
						                                </tbody>
						                            </table>
						                        </div>
							                    <!-- 页码区域 -->
							                    <div class="page_area contentText clear">
							                    	<div class="page_sum">
							                    		共<span class="page_number"> 3 </span>页&emsp;每页 10 条&emsp;共<span class="info_sum"> 27 </span>条记录
							                    	</div>
							                        <div class="page-pull-right async-page">
							                            <button>首页</button>
							                            <button>&lt;&lt;</button>
							                            <button class="select_page">1</button>
							                            <button>2</button>
							                            <button>3</button>
							                            <button>&gt;&gt;</button>
							                            <button>尾页</button>
							                        </div>
							                    </div>
						                    </div>
						                </div>
							    	</div>				    	
							    </div>
							</div>
						</div>
						</div>
						<!-- 半成品 end -->


					</div>
				</div>
			</div>
			<!-- 版尾  -->
			<div class="ending">
				Copyright© 2017-2018 磐基技术有限公司
			</div>
			
			<!-- 等待加载 -->
			<!--<div class="loader"><p class="load_hint">请等待加载••••••</p></div>-->
			
		</div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/frame/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/jquery-ui.js" type="text/javascript"></script>
	<script src="../../js/echarts.min.js"></script>
	<script type="text/javascript">
		var h = document.documentElement.clientHeight;
		$(".wrap").css("height", h);
		
		// 获取每行 td 的兄弟节点
		$("td").hover(   
			function () {      
				$(this).parent().children().addClass("td_hover");   
			},    
			function () {      
				$(this).parent().children().removeClass("td_hover");   
			}
		);
		
		// 日期控件

		        $(".dateControl").each(function(index){
		        	// console.log(index);
		        	$("#dateControl"+index).datepicker({
			        	dateFormat : 'yy-mm-dd',
			            monthNamesShort:["January","February","March","April","May","June", "July","August","September","October","November","December"],
			 		 	changeYear:true,
			 		 	changeMonth:true,
			 		 	showOn:"button",
			 		 	buttonImage:"../../img/button/calendar.png",
			 		 	buttonImageOnly:false
			        });
		        });
		
	     			$("#dateControl8").datepicker({
			        	dateFormat : 'yy-mm-dd',
			            monthNamesShort:["January","February","March","April","May","June", "July","August","September","October","November","December"],
			 		 	changeYear:true,
			 		 	changeMonth:true,
			 		 	showOn:"button",
			 		 	buttonImage:"../../img/button/calendar.png",
			 		 	buttonImageOnly:false
			        });
	     
		
		//删除规则
	    function delUserGroup() {
			
	        var list = [];
	        var checks = $("input[name='ids']:checked");
	        $.each(checks, function(index, obj) {
	            list.push(obj.id);
	        });
	        if (!list.length > 0) {
	            alert("请选择要删除的内容");
	            return;
	        }
	        if (!confirm("确定要删除所选用户组吗？")) {
	            return;
	        }
	        alert("提醒:删除时，正在使用的用户组将无法删除！");
	        $.ajax({
	            type : 'POST',
	            url : 'userGroup/delUserGroup',
	            data : JSON.stringify(list),
	            contentType : 'application/json; charset=utf-8',
	            async : true,
	            cache : false,
	            success : function(data) {
	                alert(data == 'success' ? "删除成功" : "被使用：无法删除!!!");
	                if (data != 'success') {
	                    return;
	                }
	
	                var current = PageUtils._currentPage['userGroupPage'];
	                PageUtils.pageClick(current, 'userGroupPage');
	            }
	
	        });
	    }
	    
	    layui.use('element', function(){
			var $ = layui.jquery, 
			    element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
			  
		    //触发事件：添加、删除、切换
		    var active = {
			    tabAdd: function(){
			        //新增一个Tab项
			        element.tabAdd('demo', {
			        	title: '新选项'+ (Math.random()*1000|0), 
			        	content: '内容'+ (Math.random()*1000|0),
			        	id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
			        })
			    },
			    tabChange: function(){
			        //切换到指定Tab项
			        element.tabChange('demo', '22'); //切换到：“用户管理”
			    }
		    };
		  
		    $('.site-demo-active').on('click', function(){
		    	var othis = $(this), 
		        	type = othis.data('type');
		    	active[type] ? active[type].call(this, othis) : '';
		    });
		  
		    //Hash地址的定位
		    var layid = location.hash.replace(/^#test=/, '');
		    element.tabChange('test', layid);
		  
		    element.on('tab(test)', function(elem){
		   		location.hash = 'test='+ $(this).attr('lay-id');
		   		// console.log('tab ！ lay-id: '+$(this).attr('lay-id'));
		   		EChartsTab($(this).attr('lay-id'));
		    });
		});



		function showGraph3(){
		var myChart = echarts.init(document.getElementById('mycharts0'));
		option = {
		    legend: {},
		    tooltip: {
		        trigger :'axis',
		        axisPointer:{
		            type:'shadow'
		        }
		    },
		    dataset: {
		        source: [
		            ['product', '领用频次', '领用数量'],
		            ['物料1', 3, 120],
		            ['物料2', 1, 37],
		            ['物料5', 2, 70]
		        ]
		    },
		    xAxis: {type: 'category'},
		    yAxis: [
                {
    	            type: 'value',
    	            name: '领用数量',
    	            position: 'left',
    	            splitLine:{show: true},
    	           
    	            axisLabel: {
    	            	 show:true,
    	            	 showMinLabel:true,
                         showMaxLabel:true,
    	                formatter: '{value}'
    	            },
 
    	        },
	        	{
            	            type: 'value',
    	            name: '领用频次',
    	            position: 'right',
    	           
    	            splitLine:{show: true},
    	           
    	            axisLabel: {
    	            	 show:true,
    	            	 showMinLabel:true,
                         showMaxLabel:true,
    	                formatter: '{value}'
    	            },
 
    	        },
            ],
    		series: [
        		{
                    type:'bar',
                    yAxisIndex: 0
                },

        		{
        			type: 'bar',
             		yAxisIndex: 1
        		}
    		]
		};
		myChart.setOption(option);	
		}
		showGraph3();

		function showGraph31(){
		var myChart = echarts.init(document.getElementById('mycharts1'));
		option = {
		    legend: {},
		    tooltip: {
		        trigger :'axis',
		        axisPointer:{
		            type:'shadow'
		        }
		    },
		    dataset: {
		        source: [
		            ['product', '领用频次', '领用数量'],
		            ['物料1', 3, 120],
		            ['物料2', 1, 37],
		            ['物料3', 6, 100],
		            ['物料4', 1, 50],
		            ['物料5', 2, 70]
		        ]
		    },
		    xAxis: {type: 'category'},
		    yAxis: [
                {
    	            type: 'value',
    	            name: '领用数量',
    	            position: 'left',
    	            splitLine:{show: true},
    	           
    	            axisLabel: {
    	            	 show:true,
    	            	 showMinLabel:true,
                         showMaxLabel:true,
    	                formatter: '{value}'
    	            },
 
    	        },
	        	{
            	            type: 'value',
    	            name: '领用频次',
    	            position: 'right',
    	           
    	            splitLine:{show: true},
    	           
    	            axisLabel: {
    	            	 show:true,
    	            	 showMinLabel:true,
                         showMaxLabel:true,
    	                formatter: '{value}'
    	            },
 
    	        },
            ],
    		series: [
        		{
                    type:'bar',
                    yAxisIndex: 0
                },

        		{
        			type: 'bar',
             		yAxisIndex: 1
        		}
    		]
		};
		myChart.setOption(option);	
		}
		// showGraph31();

		function showGraph32(){
		var myChart = echarts.init(document.getElementById('mycharts2'));
		option = {
		    legend: {},
		    tooltip: {
		        trigger :'axis',
		        axisPointer:{
		            type:'shadow'
		        }
		    },
		    dataset: {
		        source: [
		            ['product', '领用频次', '领用数量'],
		            ['物料1', 3, 120],
		            ['物料2', 1, 37],
		            ['物料3', 6, 100],
		            ['物料4', 1, 50],
		            ['物料5', 2, 70]
		        ]
		    },
		    xAxis: {type: 'category'},
		    yAxis: [
                {
    	            type: 'value',
    	            name: '领用数量',
    	            position: 'left',
    	            splitLine:{show: true},
    	           
    	            axisLabel: {
    	            	 show:true,
    	            	 showMinLabel:true,
                         showMaxLabel:true,
    	                formatter: '{value}'
    	            },
 
    	        },
	        	{
            	            type: 'value',
    	            name: '领用频次',
    	            position: 'right',
    	           
    	            splitLine:{show: true},
    	           
    	            axisLabel: {
    	            	 show:true,
    	            	 showMinLabel:true,
                         showMaxLabel:true,
    	                formatter: '{value}'
    	            },
 
    	        },
            ],
    		series: [
        		{
                    type:'bar',
                    yAxisIndex: 0
                },

        		{
        			type: 'bar',
             		yAxisIndex: 1
        		}
    		]
		};
		myChart.setOption(option);	
		}
		// showGraph32();



		function EChartsTab(n){
			if(n==1 && c1==0){
				showGraph31();
				c1=1;
			}else if(n==2 && c2==0){
				showGraph32();
				c2=1;
			}
		}
			var c0=0;
			var c1=0;
			var c2=0;
	</script>
</html>
